<template>
  <div class="v_setup">
    <div class="article_div">
        <div class="top clearfix">
           <router-link to="/setup/personal"><div class="v_div">账号详情</div></router-link>
           <router-link to="/setup/relation"><div class="v_div">关联发布商</div></router-link>
           <router-link to="/setup/password"><div class="v_div">修改密码</div></router-link>
        </div>
        <div class="v_box">
          <router-view></router-view>
        </div>
    </div>       
  </div>
</template>

<script>

  export default {
    name: 'app',

    data: function (){
      return {
      }
    },
    mounted(){},
    methods: {

    },
  }
</script>
<style lang="less" scoped>
  @import url('../../assets/css/base.less');
  .v_setup{
    padding: 20px;
    .article_div{

      background: #fff;
        border: 1px solid #dcdfe6;
        -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.12), 0 0 6px 0 rgba(0,0,0,.04);
         box-shadow: 0 2px 4px 0 rgba(0,0,0,.12), 0 0 6px 0 rgba(0,0,0,.04);
         .top{
          background:#f5f7fa;
          height: 40px;
          border-bottom: 1px solid #e4e7ed;
          .v_div{
            float: left;
            height: 40px;
            padding: 0 20px;
            line-height: 40px;
            color: #909399;
            font-size: 14px;
            
          }
          .v_div:hover{
            color: #F29700;

          }
          .router-link-active{
            div{

            border-left: 1px solid #e4e7ed;
            border-right: 1px solid #e4e7ed;
                border-bottom: 1px solid #fff; 
            color: #F29700;
            background: #fff;
          }
          }
          
          a:first-child .v_div{

            border-left: none;
          }

         }
         .v_box{
          // height: 200px;
         }
}
  }
</style>
